@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }

.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }

header {
    border-bottom: r(1) solid #c1c1c1;
  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: 75px;
background: red;
  position: absolute;
  bottom: 0; }

section {
  width: 100%;

  background:white;
  top: 2.2rem;
  
  bottom: r(10);
  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: 1.5rem;
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
   .img1 {
    float: left;
    display: block;
    width: r(127);
    height:r(35); 

    margin-top: r(15);
    }
    .img2{
      img {
      width: r(22);
     height:r(37); 
      
      }
    }
    .img3{
        width: r(35);
        height: 100%;
        img{
            width: 100%;
            height: 100%;
        }
    }


.search {
    width: r(118);
    height: r(26); 
    color: #666666;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
    color: #666666;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}


.spread{
    padding-top:r(20) ;
    font-size: r(29);
    a{
        color: #999999;
    }
}

/**/
.sousuo {
    width: 100%;
    height: 2.175rem;
    background: white;
    border-bottom: 0.025rem solid #c1c1c1;
    padding: 0.375rem 0 0 0.5rem;
  .sousuo_one {
    width: 13rem;
    height: 1.5rem;
    border-radius: 0.125rem;
    border: 0.025rem solid #c1c1c1;
    padding: 0.375rem 0 0.25rem 0.425rem;
    margin-right: 0.425rem;
    .sousuo_two{
        width: r(30);
        height: r(30);
        background: url(../images/2.jpg) no-repeat;
       background-size:100% ;
    }
    input {
    float: left;
    width: 11.25rem;
    height: 0.75rem;
    display: block;
    color: #e7e7e7;
    font-size: 0.575rem;
    border: 0;
    padding-left: 0.325rem;
}
}
.cancel{
    font-size: r(30);
    padding-top:r(10) ;
    a{
        color: #999999;
    }
}
}
.hot{
    width: 100%;
    height: r(292);
    padding:0 r(30) 0 r(30) ;
    
    background: white;
    .hot_search{
        width: 100%;
        height: r(85);
        font-size: r(27);
        font-weight: bold;
        line-height:r(85) ;

        color: #333333;
    }
    a{
        border:r(1) solid #d7d6d6 ;
        float: left;
        height: r(54);
        display: inline-block;
        line-height: r(54);
        font-size: r(24);
        color: #666666;
        margin-right: r(16);
        margin-bottom: r(16);
            padding: 0 r(33);
    }
    .remove{
        width: r(500);
        height: r(78);
        background: #f7f7f7;
        margin: 0 auto;
        line-height: r(78);
        color: #666666;
        margin-top: r(58);
        text-align: center;
    }
}
